<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1,minimun-scale=1,user-scalable=no"/>
    <title>我的订单</title>
    <link rel='stylesheet' href="../css/comm.css"/>
    <link rel='stylesheet' href="../css/iconfont.css"/>
    <link rel='stylesheet' href="../css/bespeak.css"/>
    <link rel='stylesheet' href="../css/per/order.css"/>
</head>
<body>
    <!--头部-->
    <header class="l-row lH45  cWhite edge-left-right bGYellow">
        <div class="l-col-xs-1 right tR">
            <span class="iconfont icon-thin-r"></span>
        </div>
        <div class="l-col-xs-10 fS17 tC">
            我的订单
        </div>
        <div class="l-col-xs-1">
            <span class="iconfont icon-share"></span>
        </div>
    </header>
    <div class="edge-left-right padd-t-5 padd-b-3 edge-distance bGWhite">
        <img src="../img/order.png" class="icon-order"/>
        <span class="fS13 lH20 padd-l-5">您近三个月的订单</span>
    </div>
    <!--已完成-->
    <section class="edge-distance bGWhite">
        <div class="bGYellow l-row lH30 fS12 edge-left-right cWhite">
            <div class="l-col-xs-9">
                <span class="padd-r-5">2017-1-3 20:30:12</span>
                <span>订单号：54315465</span>
            </div>
            <div class="l-col-xs-3 tR fS12">
                <span class="padd-r-10 up-1">已完成</span>
                <span class="iconfont icon-thin-r up"></span>
            </div>
        </div>
        <ul class="padd-t-10 padd-b-10">
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>预约时间</span>
                <span class="l-col-xs-8 tR fS12 padd-l-20 limit-text">2016-12-6 14:00-15:00</span>
            </li>
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-5 fS12"> <i class="point marg-r-5"></i>科目二训练场地</span>
                <span class="l-col-xs-7 tR fS12 limit-text">中和训练场地</span>
            </li>
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>当前教练</span>
                <span class="l-col-xs-8 tR fS12 padd-l-20">
                    <span class="padd-r-5">陈某某 10年</span>
                     <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-empty"></i>
                </span>
            </li>
            <li class="l-row bGWhite lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>接送地点</span>
                <span class="l-col-xs-8 tR fS12">
                    <span class="padd-r-20 limit-text w40 lH30">成都天府五街</span>
                    <button class="letter-space2 bGRed cWhite lH17 padd-l-5 padd-r-5  fS12">重新预约</button>
                </span>
            </li>
        </ul>
    </section>
    <!--已取消-->
    <section class="edge-distance bGWhite">
        <div class="bGYellow l-row lH30 fS12 edge-left-right cWhite">
            <div class="l-col-xs-9">
                <span class="padd-r-5">2017-1-3 20:30:12</span>
                <span>订单号：54315465</span>
            </div>
            <div class="l-col-xs-3 tR">
                <span class="padd-r-10  up-1">已取消</span>
                <span class="iconfont icon-thin-r down"></span>
            </div>
        </div>
    </section>
    <!--已完成-->
    <section class="edge-distance bGWhite">
        <div class="bGYellow l-row lH30 fS12 edge-left-right cWhite">
            <div class="l-col-xs-9">
                <span class="padd-r-5">2017-1-3 20:30:12</span>
                <span>订单号：54315465</span>
            </div>
            <div class="l-col-xs-3 tR">
                <span class="padd-r-10 up-1">已完成</span>
                <span class="iconfont icon-thin-r down"></span>
            </div>
        </div>
    </section>
    <!--已完成-->
    <section class="edge-distance bGWhite">
        <div class="bGYellow l-row lH30 fS12 edge-left-right cWhite">
            <div class="l-col-xs-9">
                <span class="padd-r-5">2017-1-3 20:30:12</span>
                <span>订单号：54315465</span>
            </div>
            <div class="l-col-xs-3 tR">
                <span class="padd-r-10 up-1">已完成</span>
                <span class="iconfont icon-thin-r down"></span>
            </div>
        </div>
        <ul class="padd-t-10 padd-b-10">
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>预约时间</span>
                <span class="l-col-xs-8 tR fS12 padd-l-20 limit-text">2016-12-6 14:00-15:00</span>
            </li>
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-5 fS12"> <i class="point marg-r-5"></i>科目二训练场地</span>
                <span class="l-col-xs-7 tR fS12 limit-text">中和训练场地</span>
            </li>
            <li class="l-row bGWhite borderB lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>当前教练</span>
                <span class="l-col-xs-8 tR fS12 padd-l-20">
                    <span class="padd-r-5">陈某某 10年</span>
                     <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-full"></i>
                    <i class="star star-empty"></i>
                </span>
            </li>
            <li class="l-row bGWhite lH30 edge-left-right">
                <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>接送地点</span>
                <span class="l-col-xs-8 tR fS12">
                    <span class="padd-r-20 limit-text w40 lH30">成都天府五街</span>
                    <button class="letter-space2 bGRed cWhite lH17 padd-l-5 padd-r-5 fS12">重新预约</button>
                </span>
            </li>
        </ul>
    </section>
</body>
</html>